* {
    margin: 0;
    padding: 0;
}
body {
    background: #f6f6f6;
}

.header-box {
    width: 6.4rem;
    height: .85rem;
    position: relative;
    border-bottom: .02rem solid #000;
}
.orders-head {
    width: 6.4rem;
    height: .85rem;
    line-height: .85rem;
    border-bottom: .02rem solid #ccc;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    margin-bottom: .85rem;
    z-index: 999;
}
.orders-head a {
    padding: 0 .3rem;
    margin-top: .26rem;
    float: left;
}
.orders-head a img {
    width: .17rem;
    height: .33rem;
    vertical-align:middle
}
.orders-head b {
    font-size: .26rem;
    color: #000;
    display: inline-block;
    width: 5.62rem;
    height: .85rem;
    line-height: .9rem;
    float: left;
    letter-spacing: .03rem;
}
.order-box {
    width: 6.4rem;
    height: auto;
    position: relative;
}
.order-box .information-box {
    background: #fff;
    width: 6.4rem;
    height: auto;
    padding-top: .3rem;
    padding-bottom: .2rem;
    margin-bottom: .2rem;
}
.order-box .information {
    width: 5.8rem;
    height: auto;
    margin: 0 auto 0;
    background: #fff;
}
.order-box .information .information-input {
    width: 5.8rem;
    height: .36rem;
    padding-top: .1rem;
}
.order-box .information .information-input span {
    font-size: .26rem;
    font-weight: bold;
}
.order-box .information .information-input input {
    border: .02rem solid #ccc;
    line-height: .36rem;
}
.order-box .information .information-input .input-one {
    width: 1.63rem;
    height: .36rem;
    outline: none;
    color: #999;
    text-indent: .1rem;
}
.order-box .information .information-input .input-two {
    width: 2.2rem;
    height: .36rem;
    outline: none;
    color: #999;
    text-indent: .1rem;

}
.order-box .address {
    width: 100%;
    height: 1.2rem;
    border: .02rem solid #ccc;
    margin-top: .2rem;
    padding: .1rem;
    color: #999;
    outline: none;
    resize:none;
    /*overflow: auto;*/
}
.order-box .product-box {
    width: 6.4rem;
    height: auto;
    float: left;
}
.order-box .product {
    width: 5.8rem;
    padding: .3rem;
    background: #fff;
    margin-bottom: .2rem;
    float: left;

}
.order-box .product:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.order-box .product .photo {
    width: 1.38rem;
    height: 1.38rem;
    border: .02rem solid #ccc;
    float: left;
}
.order-box .product .photo img {
    width: 1.38rem;
    height: 1.38rem;
    overflow: hidden;
}
.order-box .product .details {
    width: 4.28rem;
    height: 1.4rem;
    float: left;
    padding-left: .1rem;
    font-size: .2rem;
}
.order-box .product .details .name {
    width: 4.28rem;
    height: auto;
    color: #000;
    font-size: .26rem;
}
.order-box .product .details .name b {
    /*font-weight: normal;*/
    letter-spacing: .02rem;
    color: #282828;
}
.order-box .product .details .name .bone {
    width: 3.8rem;
    height: auto;
    display: inline-block;
    overflow: hidden;
}
.order-box .product .details .name .btwo {
    width: .45rem;
    height: auto;
    display: inline-block;
    text-align: right;
    float: right;
}
.order-box .product .details .color {
    color: #999;
}
.order-box .product .details .package {
    color: #999;
}
.order-box .product .details .money {
    font-weight: bold;
}
.order-box .product .details div {
    margin-top: .03rem;
}
.order-foot {
    width: 6.4rem;
    height: .87rem;
    border-top: .02rem solid #ccc;
    border-bottom: .02rem solid #ccc;
    bottom: 0rem;
    left: 0rem;
    position: fixed;
}
.order-foot .total-amount {
    width: 70%;
    height: .87rem;
    color: #000;
    line-height: .87rem;
    text-align: right;
    float: left;
    padding-right: 5%;
    background: #fff;
}
.order-foot .total-amount span {
    font-size: .2rem;
}
.order-foot .total-amount b {
    font-size: .26rem;
    display: inline-block;
    height: .87rem;
    width: auto;
}
.order-foot .btn-box {
    width: 25%;
    height: .87rem;
    float: left;
}
.order-foot .btn-box .btn {
    width: 100%;
    height: .87rem;
    display: inline-block;
    background: #057fc9;
    text-align: center;
    line-height: .87rem;
    text-decoration: none;
    color: #fff;
    font-size: .26rem;
}

.null {
    width: 6.4rem;
    height: .87rem;
    float: left;
}
.payMode{
    width: 5.8rem;
    padding: .3rem;
    background: #fff;
    margin-bottom: .2rem;
    float: left;
}
.payMode  span {
    font-size: .26rem;
    font-weight: bold;
}
.payMode div{
    margin-top: .2rem;
    margin-bottom: .2rem;
}
.payMode div div{
    width:80%;
    height: .4rem;
    font-size: .2rem;
    outline: none;
    border-style: solid;
    border-color: #00a0e9;
    border-radius:.1rem;
    text-align: center;
    line-height: .5rem;
    padding: .1rem .5rem .1rem .5rem;
}

.payMode .active{
    border-color:#f0ad4e;
}